<template>
    <el-header>
        <!--导航栏-->
        <el-menu :default-active="'1'"
                    class="el-menu-demo"
                    mode="horizontal"
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b">
            <el-menu-item index="1" @click="$router.push('/')">首页</el-menu-item>
            <el-menu-item index="2" @click="$router.push('/myreserve')">我的预约</el-menu-item>
            <el-menu-item index="3" disabled>消息中心</el-menu-item>
            <el-menu-item index="4"><a href="https://element.eleme.io" target="_blank">访问官网</a></el-menu-item>
        </el-menu>
    </el-header>
</template>

<script>
export default {
  name: 'Header',
}
</script>

<style scoped>
    .el-header {
        /*background-color: rgba(179, 192, 209, 0.2);*/
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

</style>
